@import "bootstrap/scss/bootstrap-utilities";
@import "bootstrap/scss/bootstrap-grid";

:root {
    //--current-color: #161C74 !important;
    //--el-color-primary: #161C74 !important;
    //  --el-color-primary-light-1: #040637 !important;
    //  --el-color-primary-light-2: #070943 !important;
    //  --el-color-primary-light-3: #0B0E53 !important;
    //  --el-color-primary-light-4: #101463 !important;
    //  --el-color-primary-light-5: #9398d4 !important;
    //  --el-color-primary-light-6: #434AAB !important;
    //  --el-color-primary-light-7: #6D75D5 !important;
    //  --el-color-primary-light-8: #A2A9F1 !important;
    //  --el-color-primary-light-9: #CFD3F8 !important;
    //  --white-color: #FFFFFF;
    //  --el-text-color-primary: var(--el-fill-color-lighter) !important;
    //
    //  // 侧边栏
    //  --el-menu-text-color: #bfcbd9 !important;
    //  --el-menu-hover-text-color: #bfcbd9 !important;
    //  --el-menu-bg-color: #161C74 !important;
    //  --el-menu-hover-bg-color: rgb(38, 52, 69) !important;
    //  --el-menu-active-color: #CFD3F8 !important;
    //  --el-menu-level: 0 !important;
}

//
//// 头部导航
//.navbar {
//  background: var(--el-color-primary) !important;
//
//  .right-menu {
//    .right-menu-item {
//      color: var(--white-color) !important;
//    }
//  }
//}
//
// 头部面包屑
.app-breadcrumb.el-breadcrumb .no-redirect {
    color: var(--el-border-color-light) !important;
}

.el-breadcrumb__inner a, .el-breadcrumb__inner.is-link {
    color: var(--el-border-color-light) !important;
}

//#app {
//
//  // logo banner 底色，即 has-logo sidebar-container
//  .sidebar-container {
//    background: var(--el-color-primary) !important;
//
//    .theme-dark {
//
//      .nest-menu{
//        .el-sub-menu > .el-sub-menu__title{
//          background-color:var(--el-color-primary-light-3) !important;
//          &:hover{
//            background-color:var(--el-color-primary-light-4) !important;
//          }
//        }
//      }
//
//      .el-sub-menu {
//        .el-menu-item {
//          background-color:var(--el-color-primary-light-3) !important;
//          &:hover{
//            background-color:var(--el-color-primary-light-4) !important;
//          }
//        }
//      }
//    }
//  }
//}
//

:root {
    color-scheme: light;
    --el-color-primary: #004564 !important;
    //--el-color-primary-light-3: #69AEC1 !important;
    //--el-color-primary-light-5: #186583 !important;
    //--el-color-primary-light-7: #E8FCFF !important;
    //--el-color-primary-light-8: #003658 !important;
    //--el-color-primary-light-9: #A3D5E0 !important;
    --el-color-primary-light-1: #195773;
    --el-color-primary-light-2: #336a83;
    --el-color-primary-light-3: #4c7c92;
    --el-color-primary-light-4: #668fa2;
    --el-color-primary-light-5: #7fa2b1;
    --el-color-primary-light-6: #99b4c1;
    --el-color-primary-light-7: #b2c7d0;
    --el-color-primary-light-8: #ccd9e0;
    --el-color-primary-light-9: #e5ecef;
    --el-color-primary-dark-2: #337ecc;
    --el-color-success: #67c23a;
    --el-color-success-light-3: #95d475;
    --el-color-success-light-5: #b3e19d;
    --el-color-success-light-7: #d1edc4;
    --el-color-success-light-8: #e1f3d8;
    --el-color-success-light-9: #f0f9eb;
    --el-color-success-dark-2: #529b2e;
    --el-color-warning: #e6a23c;
    --el-color-warning-light-3: #eebe77;
    --el-color-warning-light-5: #f3d19e;
    --el-color-warning-light-7: #f8e3c5;
    --el-color-warning-light-8: #faecd8;
    --el-color-warning-light-9: #fdf6ec;
    --el-color-warning-dark-2: #b88230 !important;
    --el-color-danger: #f56c6c !important;
    --el-color-danger-light-3: #f89898;
    --el-color-danger-light-5: #fab6b6;
    --el-color-danger-light-7: #fcd3d3;
    --el-color-danger-light-8: #fde2e2;
    --el-color-danger-light-9: #fef0f0;
    --el-color-danger-dark-2: #c45656 !important;
    --el-color-error: #f56c6c !important;
    --el-color-error-light-3: #f89898;
    --el-color-error-light-5: #fab6b6;
    --el-color-error-light-7: #fcd3d3;
    --el-color-error-light-8: #fde2e2;
    --el-color-error-light-9: #fef0f0;
    --el-color-error-dark-2: #c45656;
    --el-color-info: #909399 !important;
    --el-color-info-light-3: #b1b3b8;
    --el-color-info-light-5: #c8c9cc;
    --el-color-info-light-7: #dedfe0;
    --el-color-info-light-8: #e9e9eb;
    --el-color-info-light-9: #f4f4f5;
    --el-color-info-dark-2: #73767a !important;

    --el-box-shadow: 0px 12px 32px 4px rgba(0, 0, 0, 0.04), 0px 8px 20px rgba(0, 0, 0, 0.08);
    --el-box-shadow-light: 0px 0px 12px rgba(0, 0, 0, 0.12);
    --el-box-shadow-lighter: 0px 0px 6px rgba(0, 0, 0, 0.12);
    --el-box-shadow-dark: 0px 16px 48px 16px rgba(0, 0, 0, 0.08), 0px 12px 32px rgba(0, 0, 0, 0.12), 0px 8px 16px -8px rgba(0, 0, 0, 0.16);

    --el-bg-color: #ffffff;
    --el-bg-color-page: #f2f3f5;
    --el-bg-color-overlay: #ffffff;


    --el-text-color-primary: #303133;
    --el-text-color-regular: #606266;
    --el-text-color-secondary: #909399;
    --el-text-color-placeholder: #a8abb2;
    --el-text-color-disabled: #c0c4cc;


    --el-border-color: #dcdfe6;
    --el-border-color-light: #e4e7ed;
    --el-border-color-lighter: #ebeef5;
    --el-border-color-extra-light: #f2f6fc;
    --el-border-color-dark: #d4d7de;
    --el-border-color-darker: #cdd0d6;


    --el-fill-color: #f0f2f5;
    --el-fill-color-light: #f5f7fa;
    --el-fill-color-lighter: #fafafa;
    --el-fill-color-extra-light: #fafcff;
    --el-fill-color-dark: #ebedf0;
    --el-fill-color-darker: #e6e8eb;
    --el-fill-color-blank: #ffffff;


    --el-mask-color: rgba(255, 255, 255, 0.9);
    --el-mask-color-extra-light: rgba(255, 255, 255, 0.3);

}

html.dark .el-button {
    --el-button-disabled-text-color: rgba(255, 255, 255, 0.5)
}

html.dark .el-card {
    --el-card-bg-color: var(--el-bg-color-overlay)
}

html.dark .el-empty {
    --el-empty-fill-color-0: var(--el-color-black);
    --el-empty-fill-color-1: #4b4b52;
    --el-empty-fill-color-2: #36383d;
    --el-empty-fill-color-3: #1e1e20;
    --el-empty-fill-color-4: #262629;
    --el-empty-fill-color-5: #202124;
    --el-empty-fill-color-6: #212224;
    --el-empty-fill-color-7: #1b1c1f;
    --el-empty-fill-color-8: #1c1d1f;
    --el-empty-fill-color-9: #18181a
}

html .el-button {
    // 按钮
    --el-button-hover-text-color: var(--el-bg-color) !important;
}

html .el-tag.el-tag--primary {
    --el-tag-text-color: var(--el-bg-color);
}